<!doctype html>
<html class="no-js" lang="zxx">

<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>Mediax - Health & Medical HTML Template - Dental Care</title>
    <meta name="author" content="Mediax">
    <meta name="description" content="Mediax - Health & Medical HTML Template">
    <meta name="keywords" content="Mediax - Health & Medical HTML Template">
    <meta name="robots" content="INDEX,FOLLOW">

    <!-- Mobile Specific Metas -->
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Favicons - Place favicon.ico in the root directory -->
    <link rel="apple-touch-icon" sizes="57x57" href="assets/img/favicons/apple-icon-57x57.png">
    <link rel="apple-touch-icon" sizes="60x60" href="assets/img/favicons/apple-icon-60x60.png">
    <link rel="apple-touch-icon" sizes="72x72" href="assets/img/favicons/apple-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="76x76" href="assets/img/favicons/apple-icon-76x76.png">
    <link rel="apple-touch-icon" sizes="114x114" href="assets/img/favicons/apple-icon-114x114.png">
    <link rel="apple-touch-icon" sizes="120x120" href="assets/img/favicons/apple-icon-120x120.png">
    <link rel="apple-touch-icon" sizes="144x144" href="assets/img/favicons/apple-icon-144x144.png">
    <link rel="apple-touch-icon" sizes="152x152" href="assets/img/favicons/apple-icon-152x152.png">
    <link rel="apple-touch-icon" sizes="180x180" href="assets/img/favicons/apple-icon-180x180.png">
    <link rel="icon" type="image/png" sizes="192x192" href="assets/img/favicons/android-icon-192x192.png">
    <link rel="icon" type="image/png" sizes="32x32" href="assets/img/favicons/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="96x96" href="assets/img/favicons/favicon-96x96.png">
    <link rel="icon" type="image/png" sizes="16x16" href="assets/img/favicons/favicon-16x16.png">
    <link rel="manifest" href="assets/img/favicons/manifest.json">
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-TileImage" content="assets/img/favicons/ms-icon-144x144.png">
    <meta name="theme-color" content="#ffffff">

    <!--==============================
	  Google Fonts
	============================== -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,100;9..40,200;9..40,300;9..40,400;9..40,500;9..40,600;9..40,700;9..40,800&family=Outfit:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">

    <!--==============================
	    All CSS File
	============================== -->
    <!-- Bootstrap -->
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <!-- Fontawesome Icon -->
    <link rel="stylesheet" href="assets/css/fontawesome.min.css">
    <!-- Magnific Popup -->
    <link rel="stylesheet" href="assets/css/magnific-popup.min.css">
    <!-- Swiper Js -->
    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css">
    <!-- datetimepicker -->
    <link rel="stylesheet" href="assets/css/jquery.datetimepicker.min.css">
    <!-- Theme Custom CSS -->
    <link rel="stylesheet" href="assets/css/style.css">

</head>

<body>

    <!--[if lte IE 9]>
    	<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
  	<![endif]-->


    <!--********************************
   		Code Start From Here 
	******************************** -->

    <!--==============================
     Preloader
  ==============================-->
    <div class="preloader ">
        <button class="th-btn preloaderCls">Cancel Preloader </button>
        <div class="preloader-inner">
            <div class="loader"></div>
        </div>
    </div><!--==============================
    Sidemenu
============================== -->
    <div class="sidemenu-wrapper sidemenu-cart ">
        <div class="sidemenu-content">
            <button class="closeButton sideMenuCls"><i class="far fa-times"></i></button>
            <div class="widget woocommerce widget_shopping_cart">
                <h3 class="widget_title">Shopping cart</h3>
                <div class="widget_shopping_cart_content">
                    <ul class="woocommerce-mini-cart cart_list product_list_widget ">
                        <li class="woocommerce-mini-cart-item mini_cart_item">
                            <a href="#" class="remove remove_from_cart_button"><i class="far fa-times"></i></a>
                            <a href="#"><img src="assets/img/product/product_thumb_1_1.jpg" alt="Cart Image">Surgery Hands Gloves</a>
                            <span class="quantity">1 ×
                                <span class="woocommerce-Price-amount amount">
                                    <span class="woocommerce-Price-currencySymbol">$</span>940.00</span>
                            </span>
                        </li>
                        <li class="woocommerce-mini-cart-item mini_cart_item">
                            <a href="#" class="remove remove_from_cart_button"><i class="far fa-times"></i></a>
                            <a href="#"><img src="assets/img/product/product_thumb_1_2.jpg" alt="Cart Image">D-Ribose Drug Medicine</a>
                            <span class="quantity">1 ×
                                <span class="woocommerce-Price-amount amount">
                                    <span class="woocommerce-Price-currencySymbol">$</span>899.00</span>
                            </span>
                        </li>
                        <li class="woocommerce-mini-cart-item mini_cart_item">
                            <a href="#" class="remove remove_from_cart_button"><i class="far fa-times"></i></a>
                            <a href="#"><img src="assets/img/product/product_thumb_1_3.jpg" alt="Cart Image">CAD Dentistry Prosthesis</a>
                            <span class="quantity">1 ×
                                <span class="woocommerce-Price-amount amount">
                                    <span class="woocommerce-Price-currencySymbol">$</span>756.00</span>
                            </span>
                        </li>
                        <li class="woocommerce-mini-cart-item mini_cart_item">
                            <a href="#" class="remove remove_from_cart_button"><i class="far fa-times"></i></a>
                            <a href="#"><img src="assets/img/product/product_thumb_1_4.jpg" alt="Cart Image">Surgery Safety Mask</a>
                            <span class="quantity">1 ×
                                <span class="woocommerce-Price-amount amount">
                                    <span class="woocommerce-Price-currencySymbol">$</span>723.00</span>
                            </span>
                        </li>
                        <li class="woocommerce-mini-cart-item mini_cart_item">
                            <a href="#" class="remove remove_from_cart_button"><i class="far fa-times"></i></a>
                            <a href="#"><img src="assets/img/product/product_thumb_1_5.jpg" alt="Cart Image">Infrared Thermometers</a>
                            <span class="quantity">1 ×
                                <span class="woocommerce-Price-amount amount">
                                    <span class="woocommerce-Price-currencySymbol">$</span>1080.00</span>
                            </span>
                        </li>
                    </ul>
                    <p class="woocommerce-mini-cart__total total">
                        <strong>Subtotal:</strong>
                        <span class="woocommerce-Price-amount amount">
                            <span class="woocommerce-Price-currencySymbol">$</span>4398.00</span>
                    </p>
                    <p class="woocommerce-mini-cart__buttons buttons">
                        <a href="cart.html" class="th-btn wc-forward">View cart</a>
                        <a href="checkout.html" class="th-btn checkout wc-forward">Checkout</a>
                    </p>
                </div>
            </div>
        </div>
    </div><!--==============================
    Sidemenu
============================== -->
    <div class="sidemenu-wrapper sidemenu-info ">
        <div class="sidemenu-content">
            <button class="closeButton sideMenuCls"><i class="far fa-times"></i></button>
            <div class="widget  ">
                <div class="th-widget-about">
                    <div class="about-logo">
                        <a href="home-medical-clinic.html"><img src="assets/img/logo.svg" alt="Mediax"></a>
                    </div>
                    <p class="about-text">Subscribe to out newsletter today to receive latest news administrate cost effective for tactical data.</p>
                    <p class="footer-info">
                        <i class="fal fa-location-dot"></i>
                        2478 Street City Ohio 90255
                    </p>
                    <p class="footer-info">
                        <i class="fal fa-envelope"></i>
                        <a href="mailto:info@mediax.com" class="info-box_link">info@mediax.com</a>
                    </p>
                    <p class="footer-info">
                        <i class="fal fa-phone"></i>
                        <a href="tel:+40276328246" class="info-box_link">+(402) 763 282 46</a>
                    </p>
                    <div class="th-social">
                        <a href="https://www.facebook.com/"><i class="fab fa-facebook-f"></i></a>
                        <a href="https://www.twitter.com/"><i class="fab fa-twitter"></i></a>
                        <a href="https://www.linkedin.com/"><i class="fab fa-linkedin-in"></i></a>
                        <a href="https://www.whatsapp.com/"><i class="fab fa-whatsapp"></i></a>
                    </div>
                </div>
            </div>
            <div class="widget  ">
                <h3 class="widget_title">Let’s Stay In Touch</h3>
                <div class="newsletter-widget">
                    <p class="footer-text">Subscribe for newsletter</p>
                    <form action="#" class="newsletter-form">
                        <div class="form-group">
                            <input class="form-control" type="email" placeholder="Enter Email" required="">
                        </div>
                        <button type="submit" class="simple-icon"><i class="fa-solid fa-paper-plane"></i></button>
                    </form>
                    <div class="form-group">
                        <input type="checkbox" id="checkboxagree" name="checkboxagree">
                        <label for="checkboxagree">I agree with the terms & conditions</label>
                    </div>
                    <div class="btn-group">
                        <a href="https://play.google.com/" class="img-btn">
                            <img src="assets/img/normal/apple_store.png" alt="icon">
                        </a>
                        <a href="https://play.google.com/" class="img-btn">
                            <img src="assets/img/normal/play_store.png" alt="icon">
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="popup-search-box d-none d-lg-block">
        <button class="searchClose"><i class="fal fa-times"></i></button>
        <form action="#">
            <input type="text" placeholder="What are you looking for?">
            <button type="submit"><i class="fal fa-search"></i></button>
        </form>
    </div><!--==============================
    Mobile Menu
  ============================== -->
    <div class="th-menu-wrapper">
        <div class="th-menu-area text-center">
            <button class="th-menu-toggle"><i class="fal fa-times"></i></button>
            <div class="mobile-logo">
                <a href="home-medical-clinic.html"><img src="assets/img/logo.svg" alt="Mediax"></a>
            </div>
            <div class="th-mobile-menu">
                <ul>
                    <li class="menu-item-has-children">
                        <a href="home-medical-clinic.html">Home</a>
                        <ul class="sub-menu">
                            <li><a href="home-medical-clinic.html">Medical Clinic</a></li>
                            <li><a href="home-dental-care.html">Dental Care</a></li>
                            <li><a href="home-medical-shop.html">Medical Shop</a></li>


                        </ul>
                    </li>
                    <li><a href="about.html">About Us</a></li>
                    <li class="menu-item-has-children">
                        <a href="#">Service</a>
                        <ul class="sub-menu">
                            <li><a href="service.html">Service</a></li>
                            <li><a href="service-details.html">Service Details</a></li>
                        </ul>
                    </li>
                    <li class="menu-item-has-children">
                        <a href="#">Pages</a>
                        <ul class="sub-menu">
                            <li class="menu-item-has-children">
                                <a href="#">Shop</a>
                                <ul class="sub-menu">
                                    <li><a href="shop.html">Shop</a></li>
                                    <li><a href="shop-details.html">Shop Details</a></li>
                                    <li><a href="cart.html">Cart Page</a></li>
                                    <li><a href="checkout.html">Checkout</a></li>
                                    <li><a href="wishlist.html">Wishlist</a></li>
                                </ul>
                            </li>
                            <li><a href="team.html">Team</a></li>
                            <li><a href="team-details.html">Team Details</a></li>
                            <li><a href="appointment.html">Appointments</a></li>
                            <li><a href="faq.html">Faq Page</a></li>
                            <li><a href="pricing.html">Pricing Plan</a></li>
                            <li><a href="error.html">Error Page</a></li>
                        </ul>
                    </li>
                    <li class="menu-item-has-children">
                        <a href="#">Blog</a>
                        <ul class="sub-menu">
                            <li><a href="blog.html">Blog</a></li>
                            <li><a href="blog-details.html">Blog Details</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="contact.html">Contact</a>
                    </li>
                </ul>
            </div>
        </div>
    </div><!--==============================
	Header Area
==============================-->
    <header class="th-header header-layout3">
        <div class="header-top">
            <div class="container-fluid">
                <div class="row justify-content-center justify-content-lg-between align-items-center gy-2">
                    <div class="col-auto d-none d-lg-block">
                        <div class="header-links">
                            <ul>
                                <li class="d-none d-sm-inline-block"><i class="fas fa-phone icon-btn"></i><b>Phone:</b> <a href="tel:+1636543569">+163-654-3569</a></li>
                                <li class="d-none d-xxl-inline-block"><i class="fas fa-envelope icon-btn"></i><b>Email:</b> <a href="mailto:info@mediax.com">info@mediax.com</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-auto">
                        <div class="header-links">
                            <ul>
                                <li class="d-none d-md-inline-block">
                                    <div class="dropdown-link">
                                        <a class="dropdown-toggle" href="#" role="button" id="dropdownMenuLink1" data-bs-toggle="dropdown" aria-expanded="true"><img src="assets/img/icon/english.png" alt="icon"> English</a>
                                        <ul class="dropdown-menu" aria-labelledby="dropdownMenuLink1">
                                            <li>
                                                <a href="#">German</a>
                                                <a href="#">French</a>
                                                <a href="#">Italian</a>
                                                <a href="#">Latvian</a>
                                            </li>
                                        </ul>
                                    </div>
                                </li>
                                <li>
                                    <div class="social-links">
                                        <span class="social-title">Follow Us On: </span>
                                        <a href="https://www.facebook.com/"><i class="fab fa-facebook-f"></i></a>
                                        <a href="https://www.twitter.com/"><i class="fab fa-twitter"></i></a>
                                        <a href="https://www.linkedin.com/"><i class="fab fa-linkedin-in"></i></a>
                                        <a href="https://www.instagram.com/"><i class="fab fa-instagram"></i></a>
                                        <a href="https://www.youtube.com/"><i class="fab fa-youtube"></i></a>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="sticky-wrapper">
            <!-- Main Menu Area -->
            <div class="menu-area">
                <div class="container-fluid">
                    <div class="row align-items-center justify-content-between">
                        <div class="col-auto">
                            <div class="header-logo">
                                <div class="logo-bg"></div>
                                <a href="home-medical-clinic.html"><img src="assets/img/logo-white2.svg" alt="Mediax"></a>
                            </div>
                        </div>
                        <div class="col-auto me-xl-auto d-none d-lg-inline-block">
                            <nav class="main-menu d-none d-lg-inline-block">
                                <ul>
                                    <li class="menu-item-has-children">
                                        <a href="home-medical-clinic.html">Home</a>
                                        <ul class="sub-menu">
                                            <li><a href="home-medical-clinic.html">Medical Clinic</a></li>
                                            <li><a href="home-dental-care.html">Dental Care</a></li>
                                            <li><a href="home-medical-shop.html">Medical Shop</a></li>


                                        </ul>
                                    </li>
                                    <li><a href="about.html">About Us</a></li>
                                    <li class="menu-item-has-children">
                                        <a href="#">Service</a>
                                        <ul class="sub-menu">
                                            <li><a href="service.html">Service</a></li>
                                            <li><a href="service-details.html">Service Details</a></li>
                                        </ul>
                                    </li>
                                    <li class="menu-item-has-children">
                                        <a href="#">Pages</a>
                                        <ul class="sub-menu">
                                            <li class="menu-item-has-children">
                                                <a href="#">Shop</a>
                                                <ul class="sub-menu">
                                                    <li><a href="shop.html">Shop</a></li>
                                                    <li><a href="shop-details.html">Shop Details</a></li>
                                                    <li><a href="cart.html">Cart Page</a></li>
                                                    <li><a href="checkout.html">Checkout</a></li>
                                                    <li><a href="wishlist.html">Wishlist</a></li>
                                                </ul>
                                            </li>
                                            <li><a href="team.html">Team</a></li>
                                            <li><a href="team-details.html">Team Details</a></li>
                                            <li><a href="appointment.html">Appointments</a></li>
                                            <li><a href="faq.html">Faq Page</a></li>
                                            <li><a href="pricing.html">Pricing Plan</a></li>
                                            <li><a href="error.html">Error Page</a></li>
                                        </ul>
                                    </li>
                                    <li class="menu-item-has-children">
                                        <a href="#">Blog</a>
                                        <ul class="sub-menu">
                                            <li><a href="blog.html">Blog</a></li>
                                            <li><a href="blog-details.html">Blog Details</a></li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="contact.html">Contact</a>
                                    </li>
                                </ul>
                            </nav>
                        </div>
                        <div class="col-auto">
                            <div class="header-button">
                                <button type="button" class="icon-btn searchBoxToggler d-none d-xl-inline-block"><i class="far fa-search"></i></button>
                                <button type="button" class="icon-btn sideMenuCart">
                                    <span class="badge">5</span>
                                    <i class="far fa-cart-shopping"></i>
                                </button>
                                <a href="appointment.html" class="th-btn style4">Appointment Now</a>
                                <button type="button" class="icon-btn sideMenuInfo d-none d-xl-inline-block"><i class="far fa-bars"></i></button>
                                <button type="button" class="th-menu-toggle d-block d-lg-none"><i class="far fa-bars"></i></button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <!--==============================
Hero Area
==============================-->
    <div class="th-hero-wrapper hero-3" id="hero" data-bg-src="assets/img/hero/hero_bg_3_1.png">
        <div class="hero-inner">
            <div class="container">
                <div class="hero-style3">
                    <div class="hero-tags">
                        <span class="tag">Professional</span>
                        <span class="tag">Dentist</span>
                    </div>
                    <h1 class="hero-title2">
                        <span class="title1">BEST <span class="square-text"><span class="dot1"></span><span class="dot2"></span>DENTAL</span></span>
                        <span class="title2">CARE IN TOWN</span>
                    </h1>
                    <p class="hero-text">A brief statement outlining the purpose and mission of the clinic. This can include the commitment to patient care, community health.</p>
                    <div class="btn-group justify-content-center">
                        <a href="service.html" class="th-btn shadow-1">See All Services</a>
                        <a href="contact.html" class="th-btn style2 shadow-1">Contact Us</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="hero-form-wrap">
            <h2 class="form-title">Book An Appointment</h2>
            <form action="mail.php" method="POST" class="hero-form">
                <div class="row">
                    <div class="form-group col-lg-4 col-md-6">
                        <input type="text" class="form-control" name="name" id="name" placeholder="Your Name">
                    </div>
                    <div class="form-group col-lg-4 col-md-6">
                        <input type="email" class="form-control" name="email" id="email" placeholder="Email Address">
                    </div>
                    <div class="form-group col-lg-4 col-md-6">
                        <input type="tel" class="form-control" name="number" id="number" placeholder="Phone Number">
                    </div>
                    <div class="form-group col-lg-4 col-md-6">
                        <input type="text" class="date-pick form-control" name="date" id="date-pick" placeholder="Date">
                    </div>
                    <div class="form-group col-lg-4 col-md-6">
                        <input type="text" class="time-pick form-control" name="time" id="time-pick" placeholder="Time">
                    </div>
                    <div class="form-group col-lg-4 col-md-6">
                        <button class="th-btn btn-fw">BOOK AN APPOINTMENT</button>
                    </div>
                </div>
                <p class="form-messages mb-0 mt-3"></p>
            </form>
        </div>
    </div>
    <!--======== / Hero Section ========-->

    <!--==============================
Feature Area  
==============================-->
    <section class="feature-sec2">
        <div class="feature-box-wrap">
            <div class="feature-box">
                <div class="box-icon">
                    <img src="assets/img/icon/feature_box_1.svg" alt="icon">
                </div>
                <div class="media-body">
                    <h3 class="box-title">Experience Doctor</h3>
                    <p class="box-text">Our team of skilled doctors, nurses, and specialists</p>
                </div>
            </div>
            <div class="feature-box">
                <div class="box-icon">
                    <img src="assets/img/icon/feature_box_2.svg" alt="icon">
                </div>
                <div class="media-body">
                    <h3 class="box-title">Painless Treatment</h3>
                    <p class="box-text">Your health and well-being are our top priorities.</p>
                </div>
            </div>
            <div class="feature-box">
                <div class="box-icon">
                    <img src="assets/img/icon/feature_box_3.svg" alt="icon">
                </div>
                <div class="media-body">
                    <h3 class="box-title">Top Dental Equipment</h3>
                    <p class="box-text">Our clinic is equipped with modern facilities</p>
                </div>
            </div>
            <div class="feature-box">
                <div class="box-icon">
                    <img src="assets/img/icon/feature_box_4.svg" alt="icon">
                </div>
                <div class="media-body">
                    <h3 class="box-title">24/7 Advance Care</h3>
                    <p class="box-text">We understand that every patient is unique</p>
                </div>
            </div>
        </div>
    </section> <!--==============================
Service Area  
==============================-->
    <section class="overflow-hidden space" id="service-sec">
        <div class="shape-mockup" data-top="0%" data-right="0%"><img src="assets/img/shape/pattern_shape_1.png" alt="shape"></div>
        <div class="shape-mockup jump" data-bottom="20%" data-left="5%"><img src="assets/img/shape/dental_1.png" alt="shape"></div>
        <div class="container">
            <div class="row justify-content-lg-between justify-content-center align-items-end">
                <div class="col-lg">
                    <div class="title-area text-center text-lg-start">
                        <span class="sub-title"><img src="assets/img/theme-img/title_icon.svg" alt="shape">Our Services</span>
                        <h2 class="sec-title">Best Dental Service for you</h2>
                    </div>
                </div>
                <div class="col-lg-auto d-none d-lg-block">
                    <div class="sec-btn">
                        <div class="icon-box">
                            <button class="slider-arrow service-prev default"><i class="far fa-arrow-left"></i></button>
                            <button class="slider-arrow service-next default"><i class="far fa-arrow-right"></i></button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="service-list-area">
                <div class="service-list-wrap ">
                    <div class="service-list">
                        <div class="box-icon">
                            <img src="assets/img/icon/service_list_1.svg" alt="Icon">
                        </div>
                        <div class="content-wrap">
                            <div class="box-title-wrap">
                                <h3 class="box-title">Cosmetic Dentistry</h3>
                            </div>
                            <div class="box-content">
                                <h3 class="box-title"><a href="service-details.html">Cosmetic Dentistry</a></h3>
                                <p class="box-text">Based on the evaluation and examination, our medical team formulates a precise diagnosis and develops.</p>
                                <div class="checklist">
                                    <ul>
                                        <li><i class="fa-solid fa-check"></i> Many years of experience</li>
                                        <li><i class="fa-solid fa-check"></i> 24/7 care for mother and baby</li>
                                        <li><i class="fa-solid fa-check"></i> Qualified team of professors</li>
                                        <li><i class="fa-solid fa-check"></i> Modern apparatus</li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>

                <div class="service-list-wrap ">
                    <div class="service-list">
                        <div class="box-icon">
                            <img src="assets/img/icon/service_list_2.svg" alt="Icon">
                        </div>
                        <div class="content-wrap">
                            <div class="box-title-wrap">
                                <h3 class="box-title">Orthodontics Service</h3>
                            </div>
                            <div class="box-content">
                                <h3 class="box-title"><a href="service-details.html">Orthodontics Service</a></h3>
                                <p class="box-text">Based on the evaluation and examination, our medical team formulates a precise diagnosis and develops.</p>
                                <div class="checklist">
                                    <ul>
                                        <li><i class="fa-solid fa-check"></i> Many years of experience</li>
                                        <li><i class="fa-solid fa-check"></i> 24/7 care for mother and baby</li>
                                        <li><i class="fa-solid fa-check"></i> Qualified team of professors</li>
                                        <li><i class="fa-solid fa-check"></i> Modern apparatus</li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>

                <div class="service-list-wrap active">
                    <div class="service-list">
                        <div class="box-icon">
                            <img src="assets/img/icon/service_list_3.svg" alt="Icon">
                        </div>
                        <div class="content-wrap">
                            <div class="box-title-wrap">
                                <h3 class="box-title">Oral Surgery</h3>
                            </div>
                            <div class="box-content">
                                <h3 class="box-title"><a href="service-details.html">Oral Surgery</a></h3>
                                <p class="box-text">Based on the evaluation and examination, our medical team formulates a precise diagnosis and develops.</p>
                                <div class="checklist">
                                    <ul>
                                        <li><i class="fa-solid fa-check"></i> Many years of experience</li>
                                        <li><i class="fa-solid fa-check"></i> 24/7 care for mother and baby</li>
                                        <li><i class="fa-solid fa-check"></i> Qualified team of professors</li>
                                        <li><i class="fa-solid fa-check"></i> Modern apparatus</li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>

                <div class="service-list-wrap ">
                    <div class="service-list">
                        <div class="box-icon">
                            <img src="assets/img/icon/service_list_4.svg" alt="Icon">
                        </div>
                        <div class="content-wrap">
                            <div class="box-title-wrap">
                                <h3 class="box-title">Root Canal Therapy</h3>
                            </div>
                            <div class="box-content">
                                <h3 class="box-title"><a href="service-details.html">Root Canal Therapy</a></h3>
                                <p class="box-text">Based on the evaluation and examination, our medical team formulates a precise diagnosis and develops.</p>
                                <div class="checklist">
                                    <ul>
                                        <li><i class="fa-solid fa-check"></i> Many years of experience</li>
                                        <li><i class="fa-solid fa-check"></i> 24/7 care for mother and baby</li>
                                        <li><i class="fa-solid fa-check"></i> Qualified team of professors</li>
                                        <li><i class="fa-solid fa-check"></i> Modern apparatus</li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>

                <div class="service-list-wrap ">
                    <div class="service-list">
                        <div class="box-icon">
                            <img src="assets/img/icon/service_list_5.svg" alt="Icon">
                        </div>
                        <div class="content-wrap">
                            <div class="box-title-wrap">
                                <h3 class="box-title">Pediatric Dentistry</h3>
                            </div>
                            <div class="box-content">
                                <h3 class="box-title"><a href="service-details.html">Pediatric Dentistry</a></h3>
                                <p class="box-text">Based on the evaluation and examination, our medical team formulates a precise diagnosis and develops.</p>
                                <div class="checklist">
                                    <ul>
                                        <li><i class="fa-solid fa-check"></i> Many years of experience</li>
                                        <li><i class="fa-solid fa-check"></i> 24/7 care for mother and baby</li>
                                        <li><i class="fa-solid fa-check"></i> Qualified team of professors</li>
                                        <li><i class="fa-solid fa-check"></i> Modern apparatus</li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>

            </div>
            <div class="mt-5 pt-2">
                <p class="round-bg-text">Click any of the above services to learn more <a href="service.html" class="line-btn">View Our All Services</a></p>
            </div>
        </div>
    </section>
    <!--==============================
About Area  
==============================-->
    <div class="bg-smoke space" id="about-sec">
        <div class="shape-mockup" data-top="0%" data-left="0%"><img src="assets/img/shape/pattern_shape_2.png" alt="shape"></div>
        <div class="shape-mockup" data-bottom="0%" data-right="0%"><img src="assets/img/shape/pattern_shape_3.png" alt="shape"></div>
        <div class="shape-mockup jump d-none d-xl-block" data-top="10%" data-right="2%"><img src="assets/img/shape/dental_2.png" alt="shape"></div>
        <div class="shape-mockup jump d-none d-xl-block" data-bottom="8%" data-left="4%"><img src="assets/img/shape/dental_3.png" alt="shape"></div>
        <div class="container">
            <div class="row align-items-center">
                <div class="col-xl-6 mb-30 mb-xl-0">
                    <div class="pe-xxl-5 text-center text-xl-start">
                        <div class="title-area mb-45">
                            <span class="sub-title"><img src="assets/img/theme-img/title_icon.svg" alt="shape">About Our Company</span>
                            <h2 class="sec-title">Your Great Smile Begins With a Great Dentist</h2>
                        </div>
                        <div class="mb-5 mt-n1">
                            <div class="checklist style2 list-two-column">
                                <ul>
                                    <li><i class="fas fa-tooth"></i> Patients Value</li>
                                    <li><i class="fas fa-tooth"></i> Latest Technologies</li>
                                    <li><i class="fas fa-tooth"></i> Skilled Dentist & Fr</li>
                                    <li><i class="fas fa-tooth"></i> Affordable Costs</li>
                                </ul>
                            </div>
                        </div>
                        <div>
                            <img class="w-100 rounded-30" src="assets/img/normal/about_2_1.jpg" alt="About">
                        </div>
                    </div>
                </div>
                <div class="col-xl-6">
                    <div class="mb-5 pb-xl-3">
                        <img class="w-100 rounded-30" src="assets/img/normal/about_2_2.jpg" alt="About">
                    </div>
                    <div class="counter-grid-wrap">
                        <div class="counter-grid">
                            <h2 class="box-number">
                                <span class="number"><span class="counter-number">69</span>k</span><span class="plus">+</span>
                            </h2>
                            <p class="box-text">Satisfied Patients</p>
                        </div>
                        <div class="counter-grid">
                            <h2 class="box-number">
                                <span class="number"><span class="counter-number">236</span></span><span class="plus">+</span>
                            </h2>
                            <p class="box-text">Professional Doctors</p>
                        </div>
                        <div class="counter-grid">
                            <h2 class="box-number">
                                <span class="number"><span class="counter-number">19</span>k</span><span class="plus">+</span>
                            </h2>
                            <p class="box-text">Operations Successful</p>
                        </div>
                        <div class="counter-grid">
                            <h2 class="box-number">
                                <span class="number"><span class="counter-number">320</span></span><span class="plus">+</span>
                            </h2>
                            <p class="box-text">National Awards Win</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--==============================
Feature Area  
==============================-->
    <section class="why-sec2 space">
        <div class="shape-mockup" data-bottom="0%" data-left="0%"><img src="assets/img/shape/pattern_shape_4.png" alt="shape"></div>
        <div class="shape-mockup jump d-none d-xl-block" data-top="10%" data-right="0%"><img src="assets/img/shape/dental_4.png" alt="shape"></div>
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-7 col-md-8">
                    <div class="title-area text-center">
                        <span class="sub-title"><img src="assets/img/theme-img/title_icon.svg" alt="shape">Why Choose Us</span>
                        <h2 class="sec-title">We’re Passionate, Dedicated And Friendly...</h2>
                    </div>
                </div>
            </div>
            <div class="choose-tab-area">
                <div class="choose-tab">
                    <div class="nav indicator-active" role="tablist">
                        <button class="tab-btn" id="nav-one-tab" data-bs-toggle="tab" data-bs-target="#nav-one" type="button" role="tab" aria-controls="nav-one" aria-selected="false"><span class="icon"><img src="assets/img/icon/tab_icon_1.svg" alt="icon"></span> Our Emergency Case</button>
                        <button class="tab-btn active" id="nav-two-tab" data-bs-toggle="tab" data-bs-target="#nav-two" type="button" role="tab" aria-controls="nav-two" aria-selected="true"><span class="icon"><img src="assets/img/icon/tab_icon_1.svg" alt="icon"></span> Our Professional Skills</button>
                        <button class="tab-btn" id="nav-three-tab" data-bs-toggle="tab" data-bs-target="#nav-three" type="button" role="tab" aria-controls="nav-three" aria-selected="false"><span class="icon"><img src="assets/img/icon/tab_icon_1.svg" alt="icon"></span> Our Opening Hours</button>
                    </div>
                </div>
                <div class="tab-content why-tab-content">
                    <!-- Single item -->
                    <div class="tab-pane fade" id="nav-one" role="tabpanel" aria-labelledby="nav-one-tab">
                        <div class="row gy-40">
                            <div class="col-xl-6">
                                <h3 class="sec-title">Benefits by <span class="text-theme">Mediax</span> Dental Care And Clinic</h3>
                                <p class="box-text">Prompt care for dental emergencies, such as toothaches, broken teeth, or knocked-out teeth. Specialized dental care for children. Give patients an estimate of the average wait time for scheduled appointments.</p>
                                <div class="case-box-wrap">
                                    <div class="case-box">
                                        <h3 class="box-title">Intensive care</h3>
                                        <p class="box-text">Specialized dental care for children. Give patients an estimate the average wait time for scheduled appointments.</p>
                                    </div>
                                    <div class="case-box">
                                        <h3 class="box-title">Lab Tests</h3>
                                        <p class="box-text">Specialized dental care for children. Give patients an estimate the average wait time for scheduled appointments.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xl-6">
                                <div class="ms-xl-5">
                                    <img src="assets/img/normal/why_2_2.jpg" alt="image" class="w-100 rounded-30">
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- Single item -->
                    <div class="tab-pane fade show active" id="nav-two" role="tabpanel" aria-labelledby="nav-two-tab">
                        <div class="row gy-40">
                            <div class="col-xl-6">
                                <h3 class="sec-title">Benefits by <span class="text-theme">Mediax</span> Dental Care And Clinic</h3>
                                <p class="box-text">Prompt care for dental emergencies, such as toothaches, broken teeth, or knocked-out teeth. Specialized dental care for children. Give patients an estimate of the average wait time for scheduled appointments.</p>
                                <div class="skill-feature">
                                    <h3 class="skill-feature_title">Dental Prevention</h3>
                                    <div class="progress">
                                        <div class="progress-value">85%</div>
                                        <div class="progress-bar" style="width: 85%;"></div>
                                    </div>
                                </div>
                                <div class="skill-feature">
                                    <h3 class="skill-feature_title">Shinny Smiles</h3>
                                    <div class="progress">
                                        <div class="progress-value">93%</div>
                                        <div class="progress-bar" style="width: 93%;"></div>
                                    </div>
                                </div>
                                <div class="skill-feature">
                                    <h3 class="skill-feature_title">All Ages Visitor</h3>
                                    <div class="progress">
                                        <div class="progress-value">60%</div>
                                        <div class="progress-bar" style="width: 60%;"></div>
                                    </div>
                                </div>
                                <div class="skill-feature">
                                    <h3 class="skill-feature_title">Dental Care</h3>
                                    <div class="progress">
                                        <div class="progress-value">90%</div>
                                        <div class="progress-bar" style="width: 90%;"></div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xl-6">
                                <div class="ms-xl-5">
                                    <img src="assets/img/normal/why_2.jpg" alt="image" class="w-100 rounded-30">
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- Single item -->
                    <div class="tab-pane fade" id="nav-three" role="tabpanel" aria-labelledby="nav-three-tab">
                        <div class="row gy-40">
                            <div class="col-xl-6">
                                <h3 class="sec-title">Benefits by <span class="text-theme">Mediax</span> Dental Care And Clinic</h3>
                                <p class="box-text">Prompt care for dental emergencies, such as toothaches, broken teeth, or knocked-out teeth. Specialized dental care for children. Give patients an estimate of the average wait time for scheduled appointments.</p>
                                <div class="tab-schedule">
                                    <p class="box-text">Monday - Tuesday: <span>9am - 6pm</span></p>
                                    <p class="box-text">Wednesday - Saturday: <span>8am - 5pm</span></p>
                                    <p class="box-text">Sunday: <span>Closed</span></p>
                                </div>
                            </div>
                            <div class="col-xl-6">
                                <div class="ms-xl-5">
                                    <img src="assets/img/normal/why_2_3.jpg" alt="image" class="w-100 rounded-30">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--==============================
Brand Area  
==============================-->
    <div class="bg-theme2 bg-top-right " data-bg-src="assets/img/bg/brand_bg_2.png">
        <div class="container th-container py-5">
            <div class="swiper th-slider" id="brandSlider2" data-slider-options='{"breakpoints":{"0":{"slidesPerView":2},"420":{"slidesPerView":"3"},"768":{"slidesPerView":"4"},"992":{"slidesPerView":"5"},"1200":{"slidesPerView":"6"},"1400":{"slidesPerView":"8"}}}'>
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <div class="brand-box">
                            <img src="assets/img/brand/brand_2_1.svg" alt="Brand Logo">
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="brand-box">
                            <img src="assets/img/brand/brand_2_2.svg" alt="Brand Logo">
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="brand-box">
                            <img src="assets/img/brand/brand_2_3.svg" alt="Brand Logo">
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="brand-box">
                            <img src="assets/img/brand/brand_2_4.svg" alt="Brand Logo">
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="brand-box">
                            <img src="assets/img/brand/brand_2_5.svg" alt="Brand Logo">
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="brand-box">
                            <img src="assets/img/brand/brand_2_6.svg" alt="Brand Logo">
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="brand-box">
                            <img src="assets/img/brand/brand_2_7.svg" alt="Brand Logo">
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="brand-box">
                            <img src="assets/img/brand/brand_2_8.svg" alt="Brand Logo">
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="brand-box">
                            <img src="assets/img/brand/brand_2_1.svg" alt="Brand Logo">
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="brand-box">
                            <img src="assets/img/brand/brand_2_2.svg" alt="Brand Logo">
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="brand-box">
                            <img src="assets/img/brand/brand_2_3.svg" alt="Brand Logo">
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="brand-box">
                            <img src="assets/img/brand/brand_2_4.svg" alt="Brand Logo">
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="brand-box">
                            <img src="assets/img/brand/brand_2_5.svg" alt="Brand Logo">
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="brand-box">
                            <img src="assets/img/brand/brand_2_6.svg" alt="Brand Logo">
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="brand-box">
                            <img src="assets/img/brand/brand_2_7.svg" alt="Brand Logo">
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="brand-box">
                            <img src="assets/img/brand/brand_2_8.svg" alt="Brand Logo">
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div><!--==============================
Gallery Area  
==============================-->
    <div class="overflow-hidden gallery-sec1">
        <div class="row g-0 masonary-active">
            <div class="filter-item col-xxl-auto col-lg-6">
                <div class="gallery-card">
                    <div class="box-img">
                        <img src="assets/img/gallery/gallery_1_1.jpg" alt="gallery image">
                        <div class="shape">
                            <div class="dot"></div>
                            <div class="dot"></div>
                            <div class="dot"></div>
                            <div class="dot"></div>
                        </div>
                    </div>
                    <div class="box-content">
                        <a href="assets/img/gallery/gallery_1_1.jpg" class="icon-btn style2 popup-image"><i class="far fa-plus"></i></a>
                        <h3 class="box-title">Dental Cleaning</h3>
                        <p class="box-text">Thorough oral examinations to assess the overall health of teeth, gums, and surrounding structures.</p>
                    </div>
                </div>
            </div>
            <div class="filter-item col-xxl-auto col-lg-6">
                <div class="gallery-card">
                    <div class="box-img">
                        <img src="assets/img/gallery/gallery_1_2.jpg" alt="gallery image">
                        <div class="shape">
                            <div class="dot"></div>
                            <div class="dot"></div>
                            <div class="dot"></div>
                            <div class="dot"></div>
                        </div>
                    </div>
                    <div class="box-content">
                        <a href="assets/img/gallery/gallery_1_2.jpg" class="icon-btn style2 popup-image"><i class="far fa-plus"></i></a>
                        <h3 class="box-title">Dental Whitening</h3>
                        <p class="box-text">Thorough oral examinations to assess the overall health of teeth, gums, and surrounding structures.</p>
                    </div>
                </div>
            </div>
            <div class="filter-item col-xxl-auto col-lg-6">
                <div class="gallery-card">
                    <div class="box-img">
                        <img src="assets/img/gallery/gallery_1_3.jpg" alt="gallery image">
                        <div class="shape">
                            <div class="dot"></div>
                            <div class="dot"></div>
                            <div class="dot"></div>
                            <div class="dot"></div>
                        </div>
                    </div>
                    <div class="box-content">
                        <a href="assets/img/gallery/gallery_1_3.jpg" class="icon-btn style2 popup-image"><i class="far fa-plus"></i></a>
                        <h3 class="box-title">Root Canal</h3>
                        <p class="box-text">Thorough oral examinations to assess the overall health of teeth, gums, and surrounding structures.</p>
                    </div>
                </div>
            </div>
            <div class="filter-item col-xxl-auto col-lg-6">
                <div class="gallery-card">
                    <div class="box-img">
                        <img src="assets/img/gallery/gallery_1_4.jpg" alt="gallery image">
                        <div class="shape">
                            <div class="dot"></div>
                            <div class="dot"></div>
                            <div class="dot"></div>
                            <div class="dot"></div>
                        </div>
                    </div>
                    <div class="box-content">
                        <a href="assets/img/gallery/gallery_1_4.jpg" class="icon-btn style2 popup-image"><i class="far fa-plus"></i></a>
                        <h3 class="box-title">Dental Bracing</h3>
                        <p class="box-text">Thorough oral examinations to assess the overall health of teeth, gums, and surrounding structures.</p>
                    </div>
                </div>
            </div>
            <div class="filter-item col-xxl-auto col-lg-6">
                <div class="gallery-card">
                    <div class="box-img">
                        <img src="assets/img/gallery/gallery_1_5.jpg" alt="gallery image">
                        <div class="shape">
                            <div class="dot"></div>
                            <div class="dot"></div>
                            <div class="dot"></div>
                            <div class="dot"></div>
                        </div>
                    </div>
                    <div class="box-content">
                        <a href="assets/img/gallery/gallery_1_5.jpg" class="icon-btn style2 popup-image"><i class="far fa-plus"></i></a>
                        <h3 class="box-title">Dental Filling</h3>
                        <p class="box-text">Thorough oral examinations to assess the overall health of teeth, gums, and surrounding structures.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--==============================
Testimonial Area  
==============================-->
    <section class="bg-bottom-center overflow-hidden space" id="testi-sec" data-bg-src="assets/img/bg/testi_bg_2.jpg">

        <!--==============================
Team Area  
==============================-->
        <div class="space-bottom" id="team-sec">
            <div class="container z-index-common">
                <div class="row justify-content-lg-between justify-content-center align-items-end">
                    <div class="col-lg">
                        <div class="title-area text-center text-lg-start">
                            <span class="sub-title"><img src="assets/img/theme-img/title_icon.svg" alt="shape">Our Services</span>
                            <h2 class="sec-title">Best Dental Service for you</h2>
                        </div>
                    </div>
                    <div class="col-lg-auto d-none d-lg-block">
                        <div class="sec-btn">
                            <div class="icon-box">
                                <button data-slider-prev="#teamSlider2" class="slider-arrow default"><i class="far fa-arrow-left"></i></button>
                                <button data-slider-next="#teamSlider2" class="slider-arrow default"><i class="far fa-arrow-right"></i></button>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="swiper th-slider has-shadow" id="teamSlider2" data-slider-options='{"breakpoints":{"0":{"slidesPerView":1},"576":{"slidesPerView":"1"},"768":{"slidesPerView":"2"},"992":{"slidesPerView":"3"},"1200":{"slidesPerView":"3"}}}'>
                    <div class="swiper-wrapper">
                        <!-- Single Item -->
                        <div class="swiper-slide">
                            <div class="th-team team-box">
                                <div class="box-img">
                                    <img src="assets/img/team/team_2_1.jpg" alt="Team">
                                    <div class="th-social">
                                        <a target="_blank" href="https://facebook.com/"><i class="fab fa-facebook-f"></i></a>
                                        <a target="_blank" href="https://linkedin.com/"><i class="fab fa-linkedin-in"></i></a>
                                        <a target="_blank" href="https://twitter.com/"><i class="fab fa-twitter"></i></a>
                                    </div>
                                </div>
                                <h3 class="box-title"><a href="team-details.html">Dr. Malcolm Function</a></h3>
                                <span class="team-desig">Neurologist</span>
                            </div>
                        </div>

                        <!-- Single Item -->
                        <div class="swiper-slide">
                            <div class="th-team team-box">
                                <div class="box-img">
                                    <img src="assets/img/team/team_2_2.jpg" alt="Team">
                                    <div class="th-social">
                                        <a target="_blank" href="https://facebook.com/"><i class="fab fa-facebook-f"></i></a>
                                        <a target="_blank" href="https://linkedin.com/"><i class="fab fa-linkedin-in"></i></a>
                                        <a target="_blank" href="https://twitter.com/"><i class="fab fa-twitter"></i></a>
                                    </div>
                                </div>
                                <h3 class="box-title"><a href="team-details.html">Dr. Douglas Lyphe</a></h3>
                                <span class="team-desig">Physiotherapist</span>
                            </div>
                        </div>

                        <!-- Single Item -->
                        <div class="swiper-slide">
                            <div class="th-team team-box">
                                <div class="box-img">
                                    <img src="assets/img/team/team_2_3.jpg" alt="Team">
                                    <div class="th-social">
                                        <a target="_blank" href="https://facebook.com/"><i class="fab fa-facebook-f"></i></a>
                                        <a target="_blank" href="https://linkedin.com/"><i class="fab fa-linkedin-in"></i></a>
                                        <a target="_blank" href="https://twitter.com/"><i class="fab fa-twitter"></i></a>
                                    </div>
                                </div>
                                <h3 class="box-title"><a href="team-details.html">Dr. Wisteria Ravenc</a></h3>
                                <span class="team-desig">Cardiologist</span>
                            </div>
                        </div>

                        <!-- Single Item -->
                        <div class="swiper-slide">
                            <div class="th-team team-box">
                                <div class="box-img">
                                    <img src="assets/img/team/team_2_4.jpg" alt="Team">
                                    <div class="th-social">
                                        <a target="_blank" href="https://facebook.com/"><i class="fab fa-facebook-f"></i></a>
                                        <a target="_blank" href="https://linkedin.com/"><i class="fab fa-linkedin-in"></i></a>
                                        <a target="_blank" href="https://twitter.com/"><i class="fab fa-twitter"></i></a>
                                    </div>
                                </div>
                                <h3 class="box-title"><a href="team-details.html">Dr. Benjamin Evalent</a></h3>
                                <span class="team-desig">Dentist</span>
                            </div>
                        </div>

                        <!-- Single Item -->
                        <div class="swiper-slide">
                            <div class="th-team team-box">
                                <div class="box-img">
                                    <img src="assets/img/team/team_2_1.jpg" alt="Team">
                                    <div class="th-social">
                                        <a target="_blank" href="https://facebook.com/"><i class="fab fa-facebook-f"></i></a>
                                        <a target="_blank" href="https://linkedin.com/"><i class="fab fa-linkedin-in"></i></a>
                                        <a target="_blank" href="https://twitter.com/"><i class="fab fa-twitter"></i></a>
                                    </div>
                                </div>
                                <h3 class="box-title"><a href="team-details.html">Dr. Malcolm Function</a></h3>
                                <span class="team-desig">Neurologist</span>
                            </div>
                        </div>

                        <!-- Single Item -->
                        <div class="swiper-slide">
                            <div class="th-team team-box">
                                <div class="box-img">
                                    <img src="assets/img/team/team_2_2.jpg" alt="Team">
                                    <div class="th-social">
                                        <a target="_blank" href="https://facebook.com/"><i class="fab fa-facebook-f"></i></a>
                                        <a target="_blank" href="https://linkedin.com/"><i class="fab fa-linkedin-in"></i></a>
                                        <a target="_blank" href="https://twitter.com/"><i class="fab fa-twitter"></i></a>
                                    </div>
                                </div>
                                <h3 class="box-title"><a href="team-details.html">Dr. Douglas Lyphe</a></h3>
                                <span class="team-desig">Physiotherapist</span>
                            </div>
                        </div>

                        <!-- Single Item -->
                        <div class="swiper-slide">
                            <div class="th-team team-box">
                                <div class="box-img">
                                    <img src="assets/img/team/team_2_3.jpg" alt="Team">
                                    <div class="th-social">
                                        <a target="_blank" href="https://facebook.com/"><i class="fab fa-facebook-f"></i></a>
                                        <a target="_blank" href="https://linkedin.com/"><i class="fab fa-linkedin-in"></i></a>
                                        <a target="_blank" href="https://twitter.com/"><i class="fab fa-twitter"></i></a>
                                    </div>
                                </div>
                                <h3 class="box-title"><a href="team-details.html">Dr. Wisteria Ravenc</a></h3>
                                <span class="team-desig">Neurologist</span>
                            </div>
                        </div>

                        <!-- Single Item -->
                        <div class="swiper-slide">
                            <div class="th-team team-box">
                                <div class="box-img">
                                    <img src="assets/img/team/team_2_4.jpg" alt="Team">
                                    <div class="th-social">
                                        <a target="_blank" href="https://facebook.com/"><i class="fab fa-facebook-f"></i></a>
                                        <a target="_blank" href="https://linkedin.com/"><i class="fab fa-linkedin-in"></i></a>
                                        <a target="_blank" href="https://twitter.com/"><i class="fab fa-twitter"></i></a>
                                    </div>
                                </div>
                                <h3 class="box-title"><a href="team-details.html">Dr. Benjamin Evalent</a></h3>
                                <span class="team-desig">Physiotherapist</span>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="row g-0">
                <div class="col-lg-5 order-2 order-lg-0">
                    <div class="testi-box-img">
                        <div class="swiper th-slider testi-box-thumb" id="testiSlideImg" data-slider-options='{"effect":"fade","spaceBetween":0}'>
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <img src="assets/img/testimonial/testi_2_1.jpg" alt="Image">
                                </div>
                                <div class="swiper-slide">
                                    <img src="assets/img/testimonial/testi_2_2.jpg" alt="Image">
                                </div>
                            </div>
                        </div>
                        <button data-slider-prev="#testiSlide2" class="slider-arrow default"><i class="far fa-arrow-left"></i></button>
                    </div>
                </div>
                <div class="col-lg-7">
                    <div class="title-area text-center">
                        <span class="sub-title"><img src="assets/img/theme-img/title_icon.svg" alt="Icon">Testimonials</span>
                        <h2 class="sec-title">What Our Present Says?</h2>
                    </div>
                    <div class="testi-box-slide">
                        <div class="swiper th-slider" id="testiSlide2" data-slider-options='{"effect":"slide","thumbs":{"swiper":".testi-box-thumb"}}'>
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <div class="testi-box">
                                        <div class="box-review">
                                            <i class="fa-sharp fa-solid fa-star"></i><i class="fa-sharp fa-solid fa-star"></i><i class="fa-sharp fa-solid fa-star"></i><i class="fa-sharp fa-solid fa-star"></i><i class="fa-sharp fa-solid fa-star"></i>
                                        </div>
                                        <p class="box-text">“Prompt attention to dental emergencies, such as severe toothaches or trauma. Availability for urgent dental appointment to address unexpected issues. Options for sedation to ease anxiety and ensure comfort during dental procedures. Tailored approaches for patients with dental phobias or specific needs.”</p>
                                        <h3 class="box-title">Pelican Steve</h3>
                                        <span class="box-desig">Dental Patient</span>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="testi-box">
                                        <div class="box-review">
                                            <i class="fa-sharp fa-solid fa-star"></i><i class="fa-sharp fa-solid fa-star"></i><i class="fa-sharp fa-solid fa-star"></i><i class="fa-sharp fa-solid fa-star"></i><i class="fa-sharp fa-solid fa-star"></i>
                                        </div>
                                        <p class="box-text">“Prompt attention to dental emergencies, such as severe toothaches or trauma. Availability for urgent dental appointment to address unexpected issues. Options for sedation to ease anxiety and ensure comfort during dental procedures. Tailored approaches for patients with dental phobias or specific needs.”</p>
                                        <h3 class="box-title">Alexan Micelito</h3>
                                        <span class="box-desig">Dental Patient</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="testi-box-quote">
                            <img src="assets/img/icon/quote_2.svg" alt="Image">
                        </div>
                        <button data-slider-next="#testiSlide2" class="slider-arrow default"><i class="far fa-arrow-right"></i></button>
                    </div>
                </div>
            </div>
        </div>
    </section>


    <!--==============================
Price Area  
==============================-->
    <section class="space">
        <div class="shape-mockup jump d-none d-xl-block" data-top="8%" data-left="0%"><img src="assets/img/shape/dental_5.png" alt="shape"></div>
        <div class="shape-mockup jump-reverse" data-bottom="12%" data-right="2%"><img src="assets/img/shape/dental_3.png" alt="shape"></div>
        <div class="container">
            <div class="title-area text-center">
                <span class="sub-title"><img src="assets/img/theme-img/title_icon.svg" alt="Icon">Pricing Plan</span>
                <h2 class="sec-title">Our Affordable Pricing Plans</h2>
            </div>
            <div class="row gx-10">
                <div class="col-xl-3 d-none d-xl-block">
                    <div class="price-card price-card-list">
                        <h3 class="box-title">Our Service List</h3>
                        <div class="box-content">
                            <div class="checklist">
                                <ul>
                                    <li><i class="fas fa-circle-check"></i> <span class="text">Cardiovascular Services</span></li>
                                    <li><i class="fas fa-circle-check"></i> <span class="text">Weight Management</span></li>
                                    <li><i class="fas fa-circle-check"></i> <span class="text">Dental Services</span></li>
                                    <li><i class="fas fa-circle-check"></i> <span class="text">Women's Health</span></li>
                                    <li><i class="fas fa-circle-check"></i> <span class="text">Emergency Medicine</span></li>
                                    <li><i class="fas fa-circle-check"></i> <span class="text">Family Medicine</span></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-9">
                    <div class="row gx-0 justify-content-center price-card-wrap">

                        <div class="col-md-4">
                            <div class="price-card ">
                                <h3 class="box-title">Basic Plan</h3>
                                <h4 class="box-price"><span class="currency">$</span>35<span class="duration"> / Per Month</span></h4>
                                <div class="box-content">
                                    <div class="checklist">
                                        <ul>
                                            <li><i class="fas fa-circle-check"></i> <span class="text">Cardiovascular Services</span></li>
                                            <li><i class="fas fa-circle-check"></i> <span class="text">Weight Management</span></li>
                                            <li><i class="fas fa-circle-check"></i> <span class="text">Dental Services</span></li>
                                            <li class="unavailable"><i class="fas fa-circle-check"></i> <span class="text">Womens Health</span></li>
                                            <li class="unavailable"><i class="fas fa-circle-check"></i> <span class="text">Emergency Medicine</span></li>
                                            <li class="unavailable"><i class="fas fa-circle-check"></i> <span class="text">Family Medicine</span></li>
                                        </ul>
                                    </div>
                                    <a href="pricing.html" class="th-btn btn-sm">Choose Plan</a>
                                </div>
                            </div>
                        </div>

                        <div class="col-md-4">
                            <div class="price-card active">
                                <h3 class="box-title">Standard Plan</h3>
                                <h4 class="box-price"><span class="currency">$</span>65<span class="duration"> / Per Month</span></h4>
                                <div class="box-content">
                                    <div class="checklist">
                                        <ul>
                                            <li><i class="fas fa-circle-check"></i> <span class="text">Cardiovascular Services</span></li>
                                            <li><i class="fas fa-circle-check"></i> <span class="text">Weight Management</span></li>
                                            <li><i class="fas fa-circle-check"></i> <span class="text">Dental Services</span></li>
                                            <li><i class="fas fa-circle-check"></i> <span class="text">Womens Health</span></li>
                                            <li class="unavailable"><i class="fas fa-circle-check"></i> <span class="text">Emergency Medicine</span></li>
                                            <li class="unavailable"><i class="fas fa-circle-check"></i> <span class="text">Family Medicine</span></li>
                                        </ul>
                                    </div>
                                    <a href="pricing.html" class="th-btn btn-sm">Choose Plan</a>
                                </div>
                            </div>
                        </div>

                        <div class="col-md-4">
                            <div class="price-card ">
                                <h3 class="box-title">Premium Plan</h3>
                                <h4 class="box-price"><span class="currency">$</span>95<span class="duration"> / Per Month</span></h4>
                                <div class="box-content">
                                    <div class="checklist">
                                        <ul>
                                            <li><i class="fas fa-circle-check"></i> <span class="text">Cardiovascular Services</span></li>
                                            <li><i class="fas fa-circle-check"></i> <span class="text">Weight Management</span></li>
                                            <li><i class="fas fa-circle-check"></i> <span class="text">Dental Services</span></li>
                                            <li><i class="fas fa-circle-check"></i> <span class="text">Womens Health</span></li>
                                            <li><i class="fas fa-circle-check"></i> <span class="text">Emergency Medicine</span></li>
                                            <li><i class="fas fa-circle-check"></i> <span class="text">Family Medicine</span></li>
                                        </ul>
                                    </div>
                                    <a href="pricing.html" class="th-btn btn-sm">Choose Plan</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--==============================
Cta Area  
==============================-->
    <section class="" data-pos-for="#blog-sec" data-sec-pos="bottom-half">
        <div class="container z-index-common">
            <div class="cta-sec5 mega-hover" data-bg-src="assets/img/bg/cta_bg_5.jpg">
                <h2 class="sec-title text-white mb-35">We are pleased to offer you the healthy.</h2>
                <a href="shop-details.html" class="th-btn style4 shadow-1">Contact Us Now</a>
            </div>
        </div>
    </section>
    <!--==============================
Blog Area  
==============================-->
    <section class="space" id="blog-sec" data-bg-src="assets/img/bg/blog_bg_1.jpg">
        <div class="container">
            <div class="row justify-content-lg-between justify-content-center align-items-center">
                <div class="col-lg">
                    <div class="title-area text-center text-lg-start">
                        <span class="sub-title"><img src="assets/img/theme-img/title_icon.svg" alt="shape">Our Blog</span>
                        <h2 class="sec-title">Our Latest News & Blogs</h2>
                    </div>
                </div>
                <div class="col-lg-auto d-none d-lg-block">
                    <div class="sec-btn">
                        <a href="blog.html" class="th-btn style4">View All Post</a>
                    </div>
                </div>
            </div>
            <div class="slider-area">
                <div class="swiper th-slider has-shadow" id="blogSlider1" data-slider-options='{"breakpoints":{"0":{"slidesPerView":1},"576":{"slidesPerView":"1"},"768":{"slidesPerView":"2"},"992":{"slidesPerView":"2"},"1200":{"slidesPerView":"3"}}}'>
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <div class="blog-box">
                                <div class="blog-img">
                                    <img src="assets/img/blog/blog_2_1.jpg" alt="blog image">
                                </div>
                                <div class="blog-content">
                                    <div class="blog-meta">
                                        <a href="blog.html"><i class="fal fa-user"></i>By Mediax</a>
                                        <a href="blog.html"><i class="fal fa-calendar"></i>15 March, 2024</a>
                                    </div>
                                    <h3 class="box-title"><a href="blog-details.html">How Business Is Taking Over & What to Do About It</a></h3>
                                    <a href="blog-details.html" class="th-btn btn-sm">Read More</a>
                                </div>
                            </div>
                        </div>

                        <div class="swiper-slide">
                            <div class="blog-box">
                                <div class="blog-img">
                                    <img src="assets/img/blog/blog_2_2.jpg" alt="blog image">
                                </div>
                                <div class="blog-content">
                                    <div class="blog-meta">
                                        <a href="blog.html"><i class="fal fa-user"></i>By Mediax</a>
                                        <a href="blog.html"><i class="fal fa-calendar"></i>16 March, 2024</a>
                                    </div>
                                    <h3 class="box-title"><a href="blog-details.html">Health vs. Wealth Navigate Business in Medicine</a></h3>
                                    <a href="blog-details.html" class="th-btn btn-sm">Read More</a>
                                </div>
                            </div>
                        </div>

                        <div class="swiper-slide">
                            <div class="blog-box">
                                <div class="blog-img">
                                    <img src="assets/img/blog/blog_2_3.jpg" alt="blog image">
                                </div>
                                <div class="blog-content">
                                    <div class="blog-meta">
                                        <a href="blog.html"><i class="fal fa-user"></i>By Mediax</a>
                                        <a href="blog.html"><i class="fal fa-calendar"></i>17 March, 2024</a>
                                    </div>
                                    <h3 class="box-title"><a href="blog-details.html">Preserving Care Strategy Amidst Food Changes</a></h3>
                                    <a href="blog-details.html" class="th-btn btn-sm">Read More</a>
                                </div>
                            </div>
                        </div>

                        <div class="swiper-slide">
                            <div class="blog-box">
                                <div class="blog-img">
                                    <img src="assets/img/blog/blog_2_4.jpg" alt="blog image">
                                </div>
                                <div class="blog-content">
                                    <div class="blog-meta">
                                        <a href="blog.html"><i class="fal fa-user"></i>By Mediax</a>
                                        <a href="blog.html"><i class="fal fa-calendar"></i>19 March, 2024</a>
                                    </div>
                                    <h3 class="box-title"><a href="blog-details.html">Healthcare Tips Navigating Business & Patient Care</a></h3>
                                    <a href="blog-details.html" class="th-btn btn-sm">Read More</a>
                                </div>
                            </div>
                        </div>

                        <div class="swiper-slide">
                            <div class="blog-box">
                                <div class="blog-img">
                                    <img src="assets/img/blog/blog_2_1.jpg" alt="blog image">
                                </div>
                                <div class="blog-content">
                                    <div class="blog-meta">
                                        <a href="blog.html"><i class="fal fa-user"></i>By Mediax</a>
                                        <a href="blog.html"><i class="fal fa-calendar"></i>15 March, 2024</a>
                                    </div>
                                    <h3 class="box-title"><a href="blog-details.html">How Business Is Taking Over & What to Do About It</a></h3>
                                    <a href="blog-details.html" class="th-btn btn-sm">Read More</a>
                                </div>
                            </div>
                        </div>

                        <div class="swiper-slide">
                            <div class="blog-box">
                                <div class="blog-img">
                                    <img src="assets/img/blog/blog_2_2.jpg" alt="blog image">
                                </div>
                                <div class="blog-content">
                                    <div class="blog-meta">
                                        <a href="blog.html"><i class="fal fa-user"></i>By Mediax</a>
                                        <a href="blog.html"><i class="fal fa-calendar"></i>16 March, 2024</a>
                                    </div>
                                    <h3 class="box-title"><a href="blog-details.html">Health vs. Wealth Navigate Business in Medicine</a></h3>
                                    <a href="blog-details.html" class="th-btn btn-sm">Read More</a>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
                <button data-slider-prev="#blogSlider1" class="slider-arrow slider-prev"><i class="far fa-arrow-left"></i></button>
                <button data-slider-next="#blogSlider1" class="slider-arrow slider-next"><i class="far fa-arrow-right"></i></button>
            </div>
        </div>
    </section>
    <!--==============================
	Footer Area
==============================-->
    <footer class="footer-wrapper footer-layout3">
        <div class="shape-mockup" data-top="0" data-right="0"><img src="assets/img/shape/pattern_shape_5.png" alt="shape"></div>
        <div class="shape-mockup" data-bottom="0" data-left="0"><img src="assets/img/shape/pattern_shape_6.png" alt="shape"></div>
        <div class="widget-area">
            <div class="container">
                <div class="row justify-content-between">
                    <div class="col-md-6 col-xl-auto">
                        <div class="widget footer-widget">
                            <div class="th-widget-about">
                                <div class="about-logo">
                                    <a href="home-medical-clinic.html"><img src="assets/img/logo-footer.svg" alt="Mediax"></a>
                                </div>
                                <p class="about-text">Subscribe to out newsletter today to receive latest news administrate cost effective for tactical data.</p>
                                <p class="footer-info">
                                    <i class="fal fa-location-dot"></i>
                                    2478 Street City Ohio 90255
                                </p>
                                <p class="footer-info">
                                    <i class="fal fa-envelope"></i>
                                    <a href="mailto:info@mediax.com" class="info-box_link">info@mediax.com</a>
                                </p>
                                <p class="footer-info">
                                    <i class="fal fa-phone"></i>
                                    <a href="tel:+40276328246" class="info-box_link">+(402) 763 282 46</a>
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 col-xl-auto">
                        <div class="widget widget_nav_menu footer-widget">
                            <h3 class="widget_title">Quick Links</h3>
                            <div class="menu-all-pages-container">
                                <ul class="menu">
                                    <li><a href="about.html">About Us</a></li>
                                    <li><a href="about.html">Terms of Use</a></li>
                                    <li><a href="service.html">Our Services</a></li>
                                    <li><a href="faq.html">Help & FAQs</a></li>
                                    <li><a href="blog.html">Blog</a></li>
                                    <li><a href="about.html">Privacy policy</a></li>
                                    <li><a href="contact.html">Contact Us</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 col-xl-auto">
                        <div class="widget widget_nav_menu footer-widget">
                            <h3 class="widget_title">Popular service</h3>
                            <div class="menu-all-pages-container">
                                <ul class="menu">
                                    <li><a href="service-details.html">Cardiology Care</a></li>
                                    <li><a href="service-details.html">Urgent Care</a></li>
                                    <li><a href="service-details.html">Orthopedic Care</a></li>
                                    <li><a href="service-details.html">Diagnosis department</a></li>
                                    <li><a href="service-details.html">Gastroenterology</a></li>
                                    <li><a href="service-details.html">Therapy department</a></li>
                                    <li><a href="service-details.html">Dental service</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 col-xl-auto">
                        <div class="widget footer-widget">
                            <div class="th-widget-location">
                                <div class="location-box">
                                    <h3 class="box-title">USA Branches:</h3>
                                    <p class="footer-info">
                                        <i class="fal fa-location-dot"></i>
                                        1120 15th St BA 8412, Augusta, GA 30912, United States
                                    </p>
                                    <p class="footer-info">
                                        <i class="fal fa-phone"></i>
                                        <a href="tel:+17067218623" class="info-box_link">+170 6721 8623</a>
                                    </p>
                                </div>
                                <div class="location-box">
                                    <h3 class="box-title">Australia Branches:</h3>
                                    <p class="footer-info">
                                        <i class="fal fa-location-dot"></i>
                                        260 Lygon St, Brunswick East VIC 3057, Australia
                                    </p>
                                    <p class="footer-info">
                                        <i class="fal fa-phone"></i>
                                        <a href="tel:+61399882015" class="info-box_link">+613 9988 2015</a>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="copyright-wrap">
            <div class="container">
                <div class="row gy-2 align-items-center">
                    <div class="col-md-7">
                        <p class="copyright-text">Copyright <i class="fal fa-copyright"></i> 2024 <a href="home-medical-clinic.html">Mediax</a>. All Rights Reserved.</p>
                    </div>
                    <div class="col-md-5 text-center text-md-end">
                        <div class="th-social">
                            <a href="https://www.facebook.com/"><i class="fab fa-facebook-f"></i></a>
                            <a href="https://www.twitter.com/"><i class="fab fa-twitter"></i></a>
                            <a href="https://www.linkedin.com/"><i class="fab fa-linkedin-in"></i></a>
                            <a href="https://www.whatsapp.com/"><i class="fab fa-whatsapp"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </footer>

    <!--********************************
			Code End  Here 
	******************************** -->

    <!-- Scroll To Top -->
    <div class="scroll-top">
        <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
            <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" style="transition: stroke-dashoffset 10ms linear 0s; stroke-dasharray: 307.919, 307.919; stroke-dashoffset: 307.919;"></path>
        </svg>
    </div>

    <!--==============================
    All Js File
============================== -->
    <!-- Jquery -->
    <script src="assets/js/vendor/jquery-3.7.1.min.js"></script>
    <!-- Swiper Js -->
    <script src="assets/js/swiper-bundle.min.js"></script>
    <!-- Bootstrap -->
    <script src="assets/js/bootstrap.min.js"></script>
    <!-- Magnific Popup -->
    <script src="assets/js/jquery.magnific-popup.min.js"></script>
    <!-- Counter Up -->
    <script src="assets/js/jquery.counterup.min.js"></script>
    <!-- datetimepicker -->
    <script src="assets/js/jquery.datetimepicker.min.js"></script>
    <!-- Range Slider -->
    <script src="assets/js/jquery-ui.min.js"></script>
    <!-- Isotope Filter -->
    <script src="assets/js/imagesloaded.pkgd.min.js"></script>
    <script src="assets/js/isotope.pkgd.min.js"></script>

    <!-- Main Js File -->
    <script src="assets/js/main.js"></script>
</body>

</html>